<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Graticule</title>
    <script src='../lib/ol6.15.1/ol.js'></script>
    <link rel='stylesheet' href='../css/ol6.15.1/ol.css'>
    <link rel='stylesheet' href='../css/main.css'>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        #map {

        }
    </style>
</head>
<body>
<div id='map'></div>
<script>
    const layer = new ol.layer.Graticule({
        // targetSize: 20,
        // intervals: [10, 10]
    });
    const view = new ol.View({
        center: [0, 0],
        zoom: 2
    });
    const map = new ol.Map({
        layers: [layer],
        target: 'map',
        view
    });
</script>
</body>
</html>